<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>盒子属性</title>
    <style>
        .box1 {
            width: 400px;
            height: 400px;
            margin: 0 auto;
            padding: 50px;
            border: 2px solid black;
            /*圆角，到了200后就是个正圆了,也可以写百分比，50%就是正圆了，一般10px,20px*/
        /*border-radius: 100px;*/
        border-radius: 50%;
            /*左上角，单独一个角写法 border-top-left-radius: ; ,写两个参数就成椭圆了，一个a,一个b*/
            border-top-left-radius:100px 50px

    }
        .box2 {
            width: 400px;
            height: 400px;
            margin: 0 auto;
            margin-top: 10px;
            padding: 10px;
            border: 10px solid black;
            background-color: gray;
            font-size: 40px;

            /*外轮廓用的少，了解即可,它不占位不好用*/
            outline-width: 20px;
            outline-color: blue;
            outline-style: solid;
        }
</style>
</head>
<body>
<div class="box1">

</div>
<div class="box2">
你好啊
</div>
</body>
</html>